h1,body,html{
    padding: 0;
    margin: 0;
}
body{
    font-family: Arial,"Microsoft YaHei","Hiragino Sans GB",sans-serif;
}
html,body{
    height: 100%;
    overflow: hidden;
}
h1{
    font-size: 6em;
    font-weight: normal;
}
p{
    font-size: 2em;
    margin:0.5em 0 2em 0;
}
#container,.section{
    height: 100%;
    position: relative;
}
#section0,
#section1,
#section2,
#section3{
    background-size: cover;
    background-position: 50% 50%;
}
#section0{
    background-image: url(http://jvshenggithub-10037020.cos.myqcloud.com/images/bg.png?sign=TRNvGvoT2gGWsQTIH7s0HqWYSv5hPTEwMDM3MDIwJms9QUtJRHF0ODl5ZWpteGpzc1FMUDBJWTk5SVR5TDRhSnVCck45JmU9MTQ3MDk4MDc4MCZ0PTE0NjgzODg3ODAmcj0xMzQwNDQxNjU5JmY9L2ltYWdlcy9iZy5wbmcmYj1qdnNoZW5nZ2l0aHVi);
    color: #fff;
    text-shadow:1px 1px 1px #333;
}
#section1{
    color: #fff;
    text-shadow:1px 1px 1px #333;
    background-image: url(http://jvshenggithub-10037020.cos.myqcloud.com/images/bg1.png?sign=bRB+Q0Nca2mBQjvQ+C/Is42YY3dhPTEwMDM3MDIwJms9QUtJRHF0ODl5ZWpteGpzc1FMUDBJWTk5SVR5TDRhSnVCck45JmU9MTQ3MDk3OTM2OSZ0PTE0NjgzODczNjkmcj0xMzk1NzkyMzE4JmY9L2ltYWdlcy9iZzEucG5nJmI9anZzaGVuZ2dpdGh1Yg==);
}
#section2{
    background-image: url(http://jvshenggithub-10037020.cos.myqcloud.com/images/bg2.png?sign=JTWa3kba6b1jBZHXgYkna69hlcBhPTEwMDM3MDIwJms9QUtJRHF0ODl5ZWpteGpzc1FMUDBJWTk5SVR5TDRhSnVCck45JmU9MTQ3MDk4MDc4MCZ0PTE0NjgzODg3ODAmcj0yMzU4MjA0NTAmZj0vaW1hZ2VzL2JnMi5wbmcmYj1qdnNoZW5nZ2l0aHVi);
    color: #fff;
    text-shadow:1px 1px 1px #666;
}
#section3{
    color: #008283;
    background-image: url(http://jvshenggithub-10037020.cos.myqcloud.com/images/bg3.png?sign=hmaaHbWZ/batglGhtLWhop5LtLFhPTEwMDM3MDIwJms9QUtJRHF0ODl5ZWpteGpzc1FMUDBJWTk5SVR5TDRhSnVCck45JmU9MTQ3MDk3OTM2OSZ0PTE0NjgzODczNjkmcj05NTI1NTY3OTcmZj0vaW1hZ2VzL2JnMy5wbmcmYj1qdnNoZW5nZ2l0aHVi);
    text-shadow:1px 1px 1px #fff;
}
#section0 p{
    color: #F1FF00;
}
#section3 p{
    color: #00A3AF;
}
.left{
    float: left;
}
.intro{
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
#pages{
    position:fixed;
    right: 10px;
    top: 50%;
    list-style: none;
}
#pages li{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    margin: 0 0 10px 5px;
}
#pages li.active{
    width: 14px;
    height: 14px;
    border: 2px solid #FFFE00;
    background: none;
    margin-left: 0;
}
/*#section0 .title{*/
    /*-webkit-transform: translateX(-100%);*/
    /*transform: translateX(-100%);*/
    /*-webkit-animation: sectitle0 1s ease-in-out 100ms forwards;*/
    /*animation: sectitle0 1s ease-in-out 100ms forwards;*/
/*}*/
/*#section0 p{*/
    /*-webkit-transform: translateX(100%);*/
    /*transform: translateX(100%);*/
    /*-webkit-animation: sec0 1s ease-in-out 100ms forwards;*/
    /*animation: sec0 1s ease-in-out 100ms forwards;*/
/*}*/
/*@-webkit-keyframes sectitle0{*/
    /*0%{*/
        /*-webkit-transform: translateX(-100%);*/
        /*transform: translateX(-100%);*/
    /*}*/
    /*100%{*/
        /*-webkit-transform: translateX(0);*/
        /*transform: translateX(0);*/
    /*}*/
/*}*/
/*@keyframes sectitle0{*/
    /*0%{*/
        /*-webkit-transform: translateX(-100%);*/
        /*transform: translateX(-100%);*/
    /*}*/
    /*100%{*/
        /*-webkit-transform: translateX(0);*/
        /*transform: translateX(0);*/
    /*}*/
/*}*/
/*@-webkit-keyframes sec0{*/
    /*0%{*/
        /*-webkit-transform: translateX(100%);*/
        /*transform: translateX(100%);*/
    /*}*/
    /*100%{*/
        /*-webkit-transform: translateX(0);*/
        /*transform: translateX(0);*/
    /*}*/
/*}*/
/*@keyframes sec0{*/
    /*0%{*/
        /*-webkit-transform: translateX(100%);*/
        /*transform: translateX(100%);*/
    /*}*/
    /*100%{*/
        /*-webkit-transform: translateX(0);*/
        /*transform: translateX(0);*/
    /*}*/
/*}*/